* {
    padding: 0;
    margin: 0;
}
html,body {
    height: 100%;
}
.bg {
    width: 100%;
    height: 100%;
}
.drink,.eat,.cymbal,.fart,.pie,.scratch {
    position: absolute;
    width: 20%;
    height: 10%;
}
.drink {
    left: 10%;
    top: 50%;
}
.eat {
    right: 10%;
    top: 50%;
}
.cymbal {
    left: 10%;
    top: 60%;
}
.fart {
     right: 10%;
     top: 60%;
}
.pie {
      left: 10%;
      top: 70%;
}
.scratch {
    right: 10%;
    top: 70%;
}
.footLeft,.footRight,.knockout,.stomatch {
    position: absolute;
    width: 15%;
    height: 5%;
    background-color: #44B15A;
    opacity: 0;
}
.footLeft {
    top: 90%;
    right: 32%;
}
.footRight {
    top: 90%;
    left: 32%;
}
.knockout {
    width: 25%;
    height: 15%;
    top: 32%;
    left: 39%;
}
.stomatch {
    width: 20%;
    height: 15%;
    top: 71%;
    left: 40%;
}
audio {
    display: none;
}